<div class="wrapper-bz-page">
    <div class="wrapper-bz-body" >
        <div class="column-block block-left" style="width:450px;">
            <div class="column-title">项目</div>
            <div class="column-content">
                <div class="column-filter">
                    <div class="common-search-box">
                        <input style="width:200px" id="search_input_project_basic_in_m84"/>
                    </div>
                </div>
                <div class="column-datagrid">
                    <table id="table_project_basic_in_m84" style="width:100%;height:100%"></table>
                </div>
            </div>
        </div>
        <div class="column-block" style="left:460px; width:350px;">
            <div class="column-title">主功能模块</div>
            <div class="column-content">
                <div class="column-filter">
                    <div class="common-search-box">
                        <input style="width:200px" id="search_input_project_module_trunk_in_m84"/>
                    </div>
                </div>
                <div class="column-datagrid">
                    <table id="table_project_module_trunk_in_m84" style="width:100%;height:100%"></table>
                </div>
            </div>
        </div>

        <div class="column-block block-right" style="left:820px;">
            <div class="column-title">子功能模块</div>
            <div class="column-content">
                <div class="column-filter">
                    <div class="common-search-box">
                        <input style="width:200px" id="search_input_project_module_branch_in_m84"/>
                    </div>
                </div>
                <div class="column-datagrid">
                    <table id="table_project_module_branch_in_m84" style="width:100%;height:100%"></table>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="dialog_add_project_basic_in_m84"></div>
<div id="dialog_edit_project_basic_in_m84"></div>
<div id="dialog_add_project_module_trunk_in_m84"></div>
<div id="dialog_edit_project_module_trunk_in_m84"></div>
<div id="dialog_add_project_module_branch_in_m84"></div>
<div id="dialog_edit_project_module_branch_in_m84"></div>

<script>
    $(function () {
        var listTable = [
            {subject_keyword: "project_basic_in_m84", datagrid_code: "project_basic_m84"},
            {subject_keyword: "project_module_trunk_in_m84", datagrid_code: "project_module_trunk_m84"},
            {subject_keyword: "project_module_branch_in_m84", datagrid_code: "project_module_branch_m84"},
        ];
        var datagridConfigList = $(document).getRelatedDatagridConfig(listTable, ['project_basic_id', 'module_trunk_id']);
        $.each(listTable, function (index, item) {
            $('#table_' + item.subject_keyword).datagrid(datagridConfigList[index]);

            SearchCombobox('search_input_' + item.subject_keyword, 'table_' + item.subject_keyword, function (val, name) {
                datagridConfigList[index].queryParams = {};
                datagridConfigList[index].queryParams[name] = val;
                $('#table_' + item.subject_keyword).datagrid(datagridConfigList[index]);
            }, ['ck', 'id', 'create_time']);
        });
    });
</script>